<!DOCTYPE HTML>
<html lang="en">
<head>

    <title>服务配置界面</title>

    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit"/>
    <!--jquery.toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.min.css" id="style_components" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/css/plugins.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css" rel="stylesheet" type="text/css"/>
    <link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .control-label {
            line-height: 34px;
            text-align: right;
        }

        .no-padding-right{
            padding-right: 0px !important
        }
        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }

        .modal-dialog {
            width: 500px !important;
        }

        .icheck-inline > label:first-child {
            margin-left: 15px;
        }

        .input-length {
            width: 210px !important;
        }

        .portlet-body {
            height: 100%;
        }


    </style>
</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div class="row" style="margin-top:0px; overflow-y: scroll;overflow-x: hidden;height: 700px;">

    <!--Begin Right Content-->
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet box blue-steel">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>数据查询服务
                </div>
                <div class="actions">
                    <a id="btn_add" href="javascript:;" class="btn btn-default btn-sm">
                        <i class="fa fa-plus"></i> 新增
                    </a>
                    <!-- <a id="btn_edit" href="javascript:;" class="btn btn-default btn-sm"> -->
                    <!--     <i class="fa fa-edit"></i> 修改 -->
                    <!-- </a> -->
                    <a id="btn_del" href="javascript:;" class="btn btn-default btn-sm">
                        <i class="fa fa-remove"></i> 删除
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-md-11">
                            <div class="form-group no-padding-right">
                                <label class="col-md-1 control-label no-padding-right">服务类别</label>
                                <div class="col-md-2">
                                    <select id="ptype" name="ptype" class="form-control "
                                            placeholder="请选择服务">
                                    </select>
                                </div>
                                <label class="col-md-1 control-label no-padding-right">服务类型</label>
                                <div class="col-md-2">
                                    <select id="servertype" name="servertype" class="form-control"
                                            placeholder="请选择服务">
                                    </select>
                                </div>
                                <label class="col-md-1 control-label no-padding-right">数据库</label>
                                <div class="col-md-2">
                                    <select id="databaseId" name="databaseId" class="form-control "
                                            placeholder="请选择服务">
                                    </select>
                                </div>

                                <label class="col-md-1 control-label no-padding-right">关键字</label>
                                <div class="col-md-2">
                                    <input id="seachTxt" type="text" class="form-control"
                                           placeholder="请输入关键字"/>
                                </div>

                            </div>

                        </div>
                        <div class="col-md-1">
                            <div class="btn-group" style="float: right;margin-right: 10px;">
                                <button id="btn_Search" class="btn blue-steel">
                                    查询 <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <table id="tb_dataList"></table>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>

<!-- Begin添加修改modal -->
<div id="EditContent" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">服务配置维护</h4>
            </div>
            <div class="modal-body">
                <div class="scroller" style="height:260px;padding-left: 15px;" data-always-visible="1"
                     data-rail-visible1="1">
                    <div class="form-horizontal form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">服务类别：</label>
                            <div class="col-md-9">
                                <select id="projectcode" name="projectcode"
                                        class="form-control input-inline input-medium" placeholder="请选择类别">
                                    <option value="">请选择服务类别</option>
                                </select>
                                <span id="valide_ptype" class="help-inline"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">服务类型：</label>
                            <div class="input-group" style="margin-left: 15px;">
                                <div class="icheck-inline" id="serverList">
                                    <label>
                                        <input type="radio" name="radio1" class="icheck"/> Radio Button 1 </label>
                                    <label>
                                        <input type="radio" name="radio1" checked="checked" class="icheck"/> Radio
                                        Button 2 </label>
                                    <label>
                                        <input type="radio" name="radio1" class="icheck"/> Radio Button 3 </label>
                                </div>
                            </div>
                        </div>
                        <!-- <div class="form-group">
                            <label class="col-md-3 control-label">服务类型</label>
                            <div class="col-md-9">
                                <select id="ptype" name="ptype"  class="form-control input-inline input-medium" placeholder="请选择工程类型" >
                                    <option value="">请选择服务类型</option>
                                    <option value="frame">框架配置</option>
                                    <option value="page">页面配置</option>
                                </select>
                                <span id="valide_ptype" class="help-inline"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">所属系统</label>
                            <div class="col-md-9">
                                <select id="ptype" name="ptype"  class="form-control input-inline input-medium" placeholder="请选择工程类型" >
                                    <option value="">请选择工程类型</option>
                                    <option value="frame">框架配置</option>
                                    <option value="page">页面配置</option>
                                </select>
                                <span id="valide_ptype" class="help-inline"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">备注</label>
                            <div class="col-md-9">
                                <input id="remark" name="remark" type="text" class="form-control input-inline input-medium" placeholder="请输入备注信息">
                                <span id="valide_remark" class="help-inline"></span>
                            </div>
                        </div>
                        <input type="hidden" id="guid" name="guid">-->
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn default">关闭</button>
                <button id="btn_save" type="button" class="btn blue-steel">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- End添加修改 -->
<!-- Begin隐藏域 -->
<input type="hidden" id="hid_serviceUrl" name="hid_serviceUrl" value=""/>
<input type="hidden" id="hid_a_pcode" name="hid_a_pcode" value=""/>
<!-- End隐藏域 -->
<!--<script src="../metronic/assets/global/plugins/jquery.min.js"-->
        <!--type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
        type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
        type="text/javascript"></script>
<script
        src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
        type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../js/zTree/jquery.ztree.core.min.js" type="text/javascript"></script>
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
<script src="../js/serviceConfigration/prjService.js" type="text/javascript"></script>


</body>
</html>
